@import "../../../wap_common/static/libs/base/root.less";

.page-wallet{
  background: #fff6ed;
  .asset-preview{
    .block1{
      color:#fff;
      padding-bottom:20px;
      .line1{
        background: #3a7a84 url(./image/bg.png) no-repeat center bottom ;
        background-size:90% 60px;
        text-align: center;
        height: 150px;
        position: relative;
        .line-title{
          height: 50px;
          line-height: 80px;
          background: url(./image/line.png) no-repeat center 0;
          background-size:150px 40px;
          span{
            background: #3a7a84;
            padding:0 10px;
            font-size:18px;
          }
        }
        .data{
          position: absolute;
          width:100%;
          left:0;
          bottom:20px;
          .total{
            height: 60px;
            line-height: 50px;
            font-size:30px;
          }
          .yesterday{
            height: 20px;
            line-height: 20px;
            display: inline-block;
            background: #fff;
            color:#000;
            margin-bottom:5px;
            padding:0 10px;
            border-radius: 2px;
            font-size:13px;
          }
        }
      }
      .line2{
        background: #3a7a84;
        width: 90%;
        height: 40px;
        line-height: 40px;
        margin:0 auto;
        text-align: center;
        font-size:16px;
      }
    }
    .block2{
      text-align: center;
      padding-bottom:20px;
      .btn{
        margin:0 5px;
      }
    }

    .block3{
      li{
        height: 40px;
        line-height: 40px;
        border-top:1px solid #f4ece3;
        padding:0 20px 0 40px;
        background-size:20px auto;
        background-repeat: no-repeat;
        background-position: 10px center;
        .type{
          float: left;
        }
        .value{
          float: right;
        }
      }
      .demand{
        background-image: url(./image/demand.png);
      }
      .term{
        background-image: url(./image/term.png);
      }
      .iphone6{
        background-image: url(./image/iphone.png);
      }
      .freeze{
        background-image: url(./image/freeze.png);
      }
    }

    .block21{
      padding:0 20px;
      height: 30px;
      line-height: 30px;
      text-align: right;
      a{
        color:@red;
      }
    }
  }

  .asset{
    .line1{
      background: #e76d60;
      position: relative;
      color:#fff;
      .triangle-down{
        border-top-color:#e76d60;
      }
      .profit{
        padding:20px 0;
        text-align: center;
        font-size:18px;
      }
    }
    .line2{
      padding:10px 0;
      border-bottom:1px solid #f4f4f4;
      div{
        padding:5px 0;
        text-align: center;
      }
    }
  }

  .asset-demand{
    .line1{
      background: #e76d60;
      .triangle-down{
        border-top-color:#e76d60;
      }
    }
    .line3{
      text-align: center;
      padding:20px 0;
      .btn{
        margin:0 5px;
      }
    }
  }

  .asset-term{
    .line1{
      background: #f7bd69;
      .triangle-down{
        border-top-color:#f7bd69;
      }
    }
    .line3{
       padding:0 10px;
      table{
        width: 100%;
        thead{
          background: #f7bd69;
          color:#fff;
        }
        tr{
          td{
            text-align: center;
            padding:6px 0;
          }
        }
      }
    }
  }

  .asset-iphone{
    .line1{
      background: #fa9f58;
      .triangle-down{
        border-top-color:#fa9f58;
      }
    }
  }
}